<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>签收家</title>

<link rel="stylesheet" type="text/css" href="statics/css/style.css"/>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

</head>
<body>

<div class="ai_card">
	<h2 class="t">选择签收体验</h2>
	<p class="sub_t">电子货单 | 电子回签 | 赊销订货单</p>
	<div class="w1200">
		<ul>
			<li class="active">
				<div class="info">
					<div class="img">
						<img src="statics/images/ai_icon1.png"/>
					</div>
					<h3>码上签</h3>
					<p>适用于工业品签收回执，解决传统回执回流慢，会计收入确认难，回执易做假、易丢失等问题。</p>
				</div>
				<a href="hzqDemo.html" class="btn">立即体验</a>
			</li>
			<li>
				<div class="info">
					<div class="img">
						<img src="statics/images/ai_icon2.png"/>
					</div>
					<h3>电子送货单</h3>
					<p>适用于生鲜电子送货单收确认，解决早高峰打印耗时，找签收人耗时，回单整理工作大等问题。</p>
				</div>
				<a href="psqDemo.html" class="btn">立即体验</a>
			</li>
			<li>
				<div class="info">
					<div class="img">
						<img src="statics/images/ai_icon3.png"/>
					</div>
					<h3>赊销订货</h3>
					<p>适用于批发业赊货场景，借助区块链交易过程存证，破解批发行业不赊账没客户，一赊账就跑账的难题。</p>
				</div>
				<a href="#" class="btn">立即体验</a>
			</li>					
		</ul>
	</div>
</div>

<script type="text/javascript">
	$(function(){
		$('.ai_card ul li').hover(function(){
			$(this).addClass('active').siblings().removeClass('active');
		})
	})
</script>

</body>
</html>
